const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    host: 'localhost',
    port: 3030,
    open: true,
    proxy: {
      //  反向代理
      '/api': {
        // 第一步：代理的源
        target: 'https://console-mock.apipost.cn/app/mock/project/4be2466a-daa6-4795-cfb8-c33dc4be8b74',
        // 第二步 是否要切换源
        changeOrigin: true,
        // 第三步 路径重写（意思是 最终发api到底要不要）
        pathWrite: {
          '^/api': '/api'

        }
      }
    /*
    代理服务器 发的请求真实地址
    应该是 target+路径重写的值+请求path
    */
    }
  },
  lintOnSave: false,
  chainWebpack: (config) => {
    // 修改文件引入自定义路径
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('_assets', path.join(__dirname, 'src/assets'))
      .set('_api', path.join(__dirname, 'src/api'))
      .set('_components', path.join(__dirname, 'src/components'))
      .set('_utils', path.join(__dirname, 'src/utils'))
      .set('_views', path.join(__dirname, 'src/views'))
  }
})
